$(function() {
	var num = 0;
	$(".screen1").removeClass("active");
	$(".list-group ul li").click(function(event) {
		var index = $(this).index();
		$(this).addClass('current');
		$(this).siblings().removeClass('current');
		$(".container").stop().animate({
			top: -index * 100 + '%'
		}, 500);
		num = index;
		$(".container .screen").eq(num).removeClass('active');
		$(".container .screen").eq(num).siblings().addClass('active');

	});

	$(".music").click(function() {
		//		$(this).toggleClass('play')
		//		if($(this).hasClass('play')){
		//			$('audio').get(0).play();
		//		}else{
		//			$('audio').get(0).pause();
		//		}

		var music = $('#musicplay')[0];
		if(music.paused) {
			music.play();
			$(".music img").css("animation-play-state", "running");
		} else {
			music.pause();
			$(".music img").css("animation-play-state", "paused");
		}
	});
});

